/* ==========================================================================
   index module
   ========================================================================== */

/* us section */
.sect_about{background:url("../img/bg01.jpg")/*tpa=http://response.lyqingfeng.cn/DEMO/no29/web/img/bg01.jpg*/ bottom center repeat-x;}
.sect_about .index_ .T h2{color:#00668c;font-weight:bold;}
.sect_about article.C{padding:0 4%;margin:0;text-align:center;font-weight:lighter;font-size:16px}
.us_boxW{padding:4em 0 6em 0}
.us_box{overflow:hidden;height:250px;}
.us_box img{width:100%;height:100%}
.us_box.b1{background-color:#fcb708;color:#fff}
.b1 .cont{padding:20px 35px}
.b1 span{font-size:1.8rem}
.b1 p{font-size:0.9rem;margin-bottom:50px}
.b1 a{border:1px solid #fff;padding:8px 28px;color:#fff}
.us_box.b2{background-color:#0eaee6;color:#fff}
.b2 .cont{text-align:center;padding:12% 10%}
.b2 h4{font-size:1.5rem;line-height:2;}
@media screen and (max-width:640px){
	.us_boxW{padding:2em 0}
	.us_box{height:auto}
}

/* product category */
.module_cate{width:80%;margin:0 auto;padding-bottom:84px;overflow:hidden;}
.module_cate .swiper-container{overflow:visible;}
.module_cate .swiper-slide{width:25%;float:left;font-size:1.2rem;text-align:center;position:relative;}
.module_cate .swiper-slide .js_cate{display:block;padding:1.4rem 0;cursor:pointer;border:1px solid #fff;border-bottom:0}
.module_cate .swiper-slide .js_cate p{text-transform:uppercase;line-height:1;font-family:-webkit-pictograph}
.module_cate .swiper-slide a.cateMore{position:absolute;top:100%;left:0;right:0;bottom:-60%;border:1px solid #2b2a2a;border-top:0;font-size:0.88rem;opacity:0;padding:0;color:#fff;padding-top:10px;}
.module_cate .swiper-slide:hover a.cateMore{bottom:-72%;opacity:1;border-color:#fff}
.module_cate .swiper-slide:hover .js_cate{border-color:#2b2a2a}
.module_prod{background:url("../img/bg02.jpg")/*tpa=http://response.lyqingfeng.cn/DEMO/no29/web/img/bg02.jpg*/ top center;padding:6rem 0;margin-top:-100px}
.module_prod .media-box{background:#f3f4f8}
.module_prod .media-box h5{background:#fcb708;color:#fff;text-align:left;text-indent:2em;position:relative;}
.module_prod .media-box h5:after{font-family:'iconfont';display:block;content:"\e60d";position:absolute;width:22px;height:22px;right:10px;top:50%;margin-top:-11px;text-indent:0;}
.mask3{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.8);transform:scale(0);transform-origin:center center;line-height:100%;color:#000}
.mask3 p{font-size:1rem}
.module_prod .media-box:hover .mask3{transform:scale(1);}
.module_prod .media-box:hover h5{opacity:0}

/* advantage */
.sect_brand{background:url("../img/bg03.jpg")/*tpa=http://response.lyqingfeng.cn/DEMO/no29/web/img/bg03.jpg*/;overflow:hidden;padding:5em 0 3em 0}
.sect_brand .services-box{text-align:left;}
.sect_brand .services-box{padding:1rem 0;}
.sect_brand .services-box:not(:last-child){border-bottom:1px dashed #a7c1fb}
.sect_brand .services-box h3{color:#f0831e;font-weight:bold;line-height:1.1}
.sect_brand .services-box p.t1{font-size:1.1rem}
.sect_brand .services-box p.t2{padding:1em 0;margin-top:1em;border-top:1px dashed #a7c1fb;font-size:14px;}
.sect_brand .services-box span{display:block;float:left;height:50px;font-size:4rem;font-family:'DIN Condensed Bold';color:#5bb6e3;line-height:0.9;padding-right:10px}
.brand1,.brand2,.brand3,.brand4{background:#fff;margin-bottom:20px}
.brand1,.brand3{padding:35px 120px 50px 64px}
.brand2,.brand4{padding:35px 10px 50px 140px}
.brand1,.brand4{border-radius:0 135px 0 135px}
.brand2,.brand3{border-radius:135px 0 135px 0}
.brand1{background:url("../img/8_1.jpg")/*tpa=http://response.lyqingfeng.cn/DEMO/no29/web/img/8_1.jpg*/ right bottom no-repeat #fff;}
.brand2{background:url("../img/8_2.jpg")/*tpa=http://response.lyqingfeng.cn/DEMO/no29/web/img/8_2.jpg*/ left bottom no-repeat #fff;}
.brand3{background:url("../img/8_3.jpg")/*tpa=http://response.lyqingfeng.cn/DEMO/no29/web/img/8_3.jpg*/ right top no-repeat #fff;}
.brand4{background:url("../img/8_4.jpg")/*tpa=http://response.lyqingfeng.cn/DEMO/no29/web/img/8_4.jpg*/ left top no-repeat #fff;}
@media screen and (max-width:640px){
	.brand1,.brand2,.brand3,.brand4{padding:0;background:none;padding:4%;margin-bottom:0}
	.sect_brand{padding: 2em 0 0em 0;}
	.sect_brand .services-box span{font-size:3rem;color: #ccc;}
	.sect_brand .services-box h3{font-size:1.2rem;color:#fff}
	.sect_brand .services-box p{font-size:1rem;color:#fff}
}

/*news*/
.sect_new { overflow: hidden; background: #fff}
.news-box { position: relative; margin-bottom: 2rem }
.news-box .news_time { background: #f2f1f1; text-align: center; color: #7e7e7e }
.news-box .news_time .date { line-height: 2.4 }
.news-box .news_time .date i { padding: .6rem 0; background: url("../img/navbg.jpg")/*tpa=http://response.lyqingfeng.cn/DEMO/no29/web/img/navbg.jpg*/; font-size: 1.2rem; color: #fff; display: block; line-height: 1 }
.news-box .news_time .item { display: none; }
.news-box .news_cont { }
.news-box .news_cont h5 { font-size: 1rem; font-weight: normal; padding-bottom: 6px; position: relative; }
.news-box .news_cont h5 a { padding-right: 20px; color: #363535; display: block; position: relative; }
.news-box .news_cont h5 a:before { display: block; content: '+'; position: absolute; right: 0; top: 50%; margin-top: -10px; width: 18px; height: 18px; text-align: center; line-height: 18px; background-color: #9b9b9b; color: #fff }
.news-box .news_cont h5 a:after { display: block; content: ''; position: absolute; width: 20%; height: 1px; background-color: #2b2a2a }
.news-box .news_cont p { color: #7e7e7e; height: 50px; overflow: hidden; text-align: justify }
.news-box a.more { border: 1px solid #2b2a2a; font-size: 0.875rem; padding: 0.3rem 1.2rem; display: inline-block; }
.news-box a.more:hover { border-color: #c1484d; color: inherit; }
.news-box.on .news_time .date i { background: #fcb708; }
.news-box .news_cont h5 a:hover:before, .news-box.on .news_cont h5 a:before { background: #fcb708; color: #fff }
.news-box .news_cont h5 a:hover:after, .news-box.on .news_cont h5 a:after { width: 150px; background-color: #fcb708 }
.thumb { width: 100%; height: 168px; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; }
@media screen and (max-width:640px){
	.news-box .news_cont h5 a{font-size: 14px;}
}
/*custom*/
.sect_cus{background: url("../img/bg04.jpg")/*tpa=http://response.lyqingfeng.cn/DEMO/no29/web/img/bg04.jpg*/;}
.sect_cus .index_{padding-bottom:4em}
.sect_cus .index_ .T{color:#fff;}
.block_imglist{position:relative;padding:50px 60px 0 60px;border-top:2px solid #fff}
.block_imglist .lb{position:absolute;top:-2px;left:-30px;width:28px;height:180px;border-left:2px solid #fff;border-bottom:2px solid #fff;border-top:2px solid #fff}
.block_imglist .lb:after{display:block;content:'';position:absolute;width:4px;height:20px;background:#FFF;right:0;bottom:-10px}
.block_imglist .rb{position:absolute;top:-2px;right:-30px;width:28px;height:180px;border-right:2px solid #fff;border-bottom:2px solid #fff;border-top:2px solid #fff}
.block_imglist .rb:after{display:block;content:'';position:absolute;width:4px;height:20px;background:#FFF;left:0;bottom:-10px}
.block_imglist .swiper-slide{width:23%;margin-right:2%}
.block_imglist .media-box{margin-bottom:0px;padding-bottom: 50px}
.block_imglist .media-box .icon{width:266px;height:210px;position:relative;border:0px;background:#fff;overflow: visible;}
.block_imglist .media-box p{background:#fcb708;color:#fff;font-size:16px;position:absolute;top: 100%;bottom:-50px;left: 0;right:0}
.block_imglist .media-box:hover p{top: 0;padding-top:40%;background:url("../img/layer4.png")/*tpa=http://response.lyqingfeng.cn/DEMO/no29/web/img/layer4.png*/}
.block_imglist .swiper-btn{background:#fcb708;color:#fff;position:absolute;top:50%;cursor:pointer;font-size:16px;padding:10px 4px;}
.block_imglist .swiper-prev{left:10px;}
.block_imglist .swiper-next{right:10px}
.block_imglist .swiper-button-disabled{background:#a3a3a3;cursor:initial}
@media screen and (max-width:640px){
	.block_imglist .swiper-slide{width:100%;margin-right: 0}
}